﻿<!DOCTYPE HTML>
<html>
    <head>
    	<title>SMIST</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <script type="text/javascript" charset="utf-8" src="../js/librerias/phonegap.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.mobile-1.0.1.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery-ajax-queue_1.0.js"></script>
        <script type="text/javascript" src="../js/librerias/jquery.ajaxmanager.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/parametros_base.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/Helper.js"></script>
        
        <!--Importando Librerias para el Mapa-->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery-ui-map-3.0-rc/ui/jquery.ui.map.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery-ui-map-3.0-rc/ui/jquery.ui.map.services.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/librerias/jquery-ui-map-3.0-rc/ui/jquery.ui.map.extensions.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/validaciones/validacion_dimension_img.js"></script>
        
        <!--Importando Modelos de SMIST_BASE-->
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoSen.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/CategSen.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/SenalTra.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoSop.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/EstadSen.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoPos.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/EstadCon.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/ModelCon.js"></script>
        <script type="text/javascript" charset="utf-8" src="../js/modelos/smist_base/TipoVia.js"></script>
        
		<!--Importando Modelos de SMIST-->
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosSen.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/DatosSem.js"></script>
		<script type="text/javascript" charset="utf-8" src="../js/modelos/smist/SoporSen.js"></script>
		
		<!--Parametros de Base de Datos-->
        <script type="text/javascript" charset="utf-8" src="../js/bd/BD.js"></script>
        
        <!--Creador-->
        <script type="text/javascript" charset="utf-8" src="../js/senal/ConsultarSenal.js"></script>
        
        <script type="text/javascript" charset="utf-8">
			document.addEventListener("deviceready", onDeviceReady, false);
        </script>
        
        <link rel="stylesheet" href="../css/jquery.mobile-1.0.1.css" />
        <link rel="stylesheet" href="../css/smist_theme.css" />
    </head>
    
    <body>
    	<!--Pagina Principal-->
        <div data-role="page" id="consultarSenal" data-theme="a" data-title="SMIST - Consultar una Señal de Tránsito">
            <div data-role="header">
                <a id="atras" name="atras" data-role="button" data-icon="arrow-l" data-transition="slide">Atras</a>
                <table width="45%" align="center">
                    <tr>
                        <td width="25px" id="imagen_usuario">
                        </td>
                        <td id="titulo_sistema" align="center">
                        </td>
                        <td width="25px" id="imagen_servidor">
                        </td>
                    </tr>
				</table>
                <a id="inicio" name="inicio" data-role="button" data-icon="home" data-transition="slide" data-iconpos="right">Inicio</a>
            </div>
            
			<div data-role="content">
				<form>
                	<h2>Consultar una Señal</h2>
                
					<div data-role="fieldcontain">
						<label for="id_senal">ID Señal:<sup> * </sup></label>
						<input id="id_senal" name="id_senal" type="number" placeholder="ID SEÑAL" required="required" pattern="[0-9]*" />
                        <input id="id_opcion" name="id_opcion" type="hidden" value="9" />
						
						<br />
						<div id="div_ver_mapa" class="centrado">
							<img id="ver_mapa" name="ver_mapa" src="../img/botones/ver_mapa.png" onClick="consultar_mapa_sen( $('#id_opcion').val() );" />
						</div>
						
						<br />	
						<div id="campo_obligatorio" class="campo_obligatorio">* Campo Obligatorio</div>
						
						<br />
						<button id="consultar" name="consultar" type="button" data-theme="a">Consultar</button> 
                        
                        <button id="verMapa" name="verMapa" type="button" data-theme="a" data-icon="search" data-iconpos="right">Ver Mapa</button>
					</div>
					
					<div data-role="fieldcontain">
						<h3>Información de la Señal</h3>
						
						<label for="coord_x">Coordenada X (Longitud):</label>
						<input id="coord_x" name="coord_x" type="text" placeholder="LONGITUD" readonly="readonly" />
                        <input id="h_coord_x_centro" name="h_coord_x_centro" type="hidden" />
						
						<label for="coord_y">Coordenada Y (Latitud):</label>
						<input id="coord_y" name="coord_y" type="text" placeholder="LATITUD" readonly="readonly" />
                        <input id="h_coord_y_centro" name="h_coord_y_centro" type="hidden" />
                        
                        <input id="h_zoom_centro" name="h_zoom_centro" type="hidden" />
					</div>
					
					<div data-role="fieldcontain">
                        <label for="nombre_tipo_sen">Tipo de Señal:</label>
						<input id="nombre_tipo_sen" name="nombre_tipo_sen" type="text" placeholder="TIPO DE SEÑAL" readonly="readonly" />
						
						<label for="nombre_categ_sen">Categoría de Señal:</label>
						<input id="nombre_categ_sen" name="nombre_categ_sen" type="text" placeholder="CATEGORÍA DE SEÑAL" readonly="readonly" />	
						
						<label for="nombre_senal_tra">Señal de Tránsito:</label>
						<input id="nombre_senal_tra" name="nombre_senal_tra" type="text" placeholder="SEÑAL DE TRÁNSITO" readonly="readonly" />
						
                        <div id="div_sopor_sen">
                            <label for="nombre_tipo_sop">Tipo de Soporte:</label>
                            <input id="nombre_tipo_sop" name="nombre_tipo_sop" type="text" placeholder="TIPO DE SOPORTE" readonly="readonly" />
						</div>
                        
						<label for="nombre_estad_sen">Estado de la Señal:</label>
						<input id="nombre_estad_sen" name="nombre_estad_sen" type="text" placeholder="ESTADO DE LA SEÑAL" readonly="readonly" />
						
						<label for="nombre_status_sen">Estatus de la Señal:</label>
						<input id="nombre_status_sen" name="nombre_status_sen" type="text" placeholder="ESTATUS DE LA SEÑAL" readonly="readonly" />
                        
                        <label for="fecha_instalacion">Fecha de Instalación:</label>
						<input id="fecha_instalacion" name="fecha_instalacion" type="text" placeholder="FECHA DE INSTALACIÓN" readonly="readonly" />
						
						<label for="estandar">Estándar:</label>
						<input id="estandar" name="estandar" type="text" placeholder="ESTÁNDAR" readonly="readonly" />
						
						<div id="div_image_sen" style="display:block" class="centrado">
						</div>
                        
                        <input id="h_desc_image_sen" name="h_desc_image_sen" type="hidden" />
                        <input id="h_alto_peq" name="h_alto_peq" type="hidden" />
                        <input id="h_ancho_peq" name="h_ancho_peq" type="hidden" />
                        <input id="h_alto_med" name="h_alto_med" type="hidden" />
                        <input id="h_ancho_med" name="h_ancho_med" type="hidden" />
					</div>
                    
                    <div data-role="fieldcontain" id="div_datos_sem">
						<h3>Datos del Semáforo</h3>
                        
                        <label for="nombre_tipo_pos">Tipo de Poste:</label>
						<input id="nombre_tipo_pos" name="nombre_tipo_pos" type="text" placeholder="TIPO DE POSTE" readonly="readonly" />
						
						<label for="nro_postes">Número de Postes:</label>
						<input id="nro_postes" name="nro_postes" type="text" placeholder="NÚMERO DE POSTES" readonly="readonly" />
                        
                        <label for="nro_caras">Número de Caras:</label>
						<input id="nro_caras" name="nro_caras" type="text" placeholder="NÚMERO DE CARAS" readonly="readonly" />
						
						<label for="nro_contadores">Número de Contadores:</label>
						<input id="nro_contadores" name="nro_contadores" type="text" placeholder="NÚMERO DE CONTADORES" readonly="readonly" />
                        
                        <label for="nombre_estad_con">Estado de los Contadores:</label>
						<input id="nombre_estad_con" name="nombre_estad_con" type="text" placeholder="ESTADO DE LOS CONTADORES" readonly="readonly" />
						
						<label for="nombre_model_con">Modelo del Controlador:</label>
						<input id="nombre_model_con" name="nombre_model_con" type="text" placeholder="MODELO DEL CONTROLADOR" readonly="readonly" />
                        
                        <label for="nro_fases">Número de Fases:</label>
						<input id="nro_fases" name="nro_fases" type="text" placeholder="NÚMERO DE FASES" readonly="readonly" />
						
						<label for="ciclo">Ciclo de Semáforos:</label>
						<input id="ciclo" name="ciclo" type="text" placeholder="CICLO DE SEMÁFOROS" readonly="readonly" />
					</div>
                    
                    <div data-role="fieldcontain">
						<h3>Datos de la Ubicación</h3>
					
						<label for="nombre_estado">Entidad Federal:</label>
						<input id="nombre_estado" name="nombre_estado" type="text" placeholder="ENTIDAD FEDERAL" readonly="readonly" />
							
						<label for="nombre_municipio">Municipio:</label>
						<input id="nombre_municipio" name="nombre_municipio" type="text" placeholder="MUNICIPIO" readonly="readonly" />
						
						<label for="nombre_parroquia">Parroquia:</label>
						<input id="nombre_parroquia" name="nombre_parroquia" type="text" placeholder="PARROQUIA" readonly="readonly" />
							
						<label for="nombre_sector">Sector:</label>
						<input id="nombre_sector" name="nombre_sector" type="text" placeholder="SECTOR" readonly="readonly" />
						
						<label for="nombre_tipo_via">Tipo de Vía:</label>
						<input id="nombre_tipo_via" name="nombre_tipo_via" type="text" placeholder="TIPO DE VÍA" readonly="readonly" />
						
						<label for="referencia">Referencia:</label>
						<textarea id="referencia" name="referencia" placeholder="REFERENCIA" readonly="readonly" rows="3" cols="31"></textarea>	
					</div>
					
					<div data-role="fieldcontain">
                    	<label for="nombre_usuario_reg">Usuario de Registro:</label>
						<input id="nombre_usuario_reg" name="nombre_usuario_reg" type="text" placeholder="USUARIO DE REGISTRO" readonly="readonly" />
                        
                        <label for="fecha_registro">Fecha de Registro:</label>
						<input id="fecha_registro" name="fecha_registro" type="text" placeholder="FECHA DE REGISTRO" readonly="readonly" />
                        
						<label for="observaciones_sen">Observaciones:</label>
						<textarea id="observaciones_sen" name="observaciones_sen" placeholder="OBSERVACIONES" readonly="readonly" rows="3" cols="31"></textarea>	
					</div>
					
					<br />
					<button id="atras2" name="atras2" type="button" data-theme="a" data-icon="arrow-l">Atras</button>
				</form>
            </div>
			
            <div data-role="footer">
                <div id="municipio_pie_pagina" class="pie_pagina"></div>
                <div id="estado_pie_pagina" class="pie_pagina"></div>
            </div>
        </div>
        
        
        <!--Mapa de la Señal-->
        <div id="mapaInternoSenal" data-role="page" data-theme="a" data-title="SMIST - Ver Mapa de una Señal de Tránsito">
			<div data-role="header">
                <a id="atras1" name="atras1" data-role="button" data-rel="back" data-icon="arrow-l">Atras</a>
                <table width="45%" align="center">
                    <tr>
                        <td width="25px" id="imagen_usuario_mapa">
                        </td>
                        <td id="titulo_sistema_mapa" align="center">
                        </td>
                        <td width="25px" id="imagen_servidor_mapa">
                        </td>
                    </tr>
				</table>
            </div>
            
			<div data-role="content">	
				<div class="ui-bar-a ui-corner-all ui-shadow" style="padding:1em;">
					<div id="map_canvas" style="height:350px;"></div>
				</div>
			</div>
            
            <div data-role="footer">
                <div id="municipio_pie_pagina_mapa" class="pie_pagina"></div>
                <div id="estado_pie_pagina_mapa" class="pie_pagina"></div>
            </div>
		</div>
    </body>
</html>